<ion-header>
  <ion-navbar no-border-bottom>
    <ion-title>持仓管理</ion-title>
  </ion-navbar>

  <div id="headerDivider" class="item-inner setFontSize" (click)="setShowQueryCondition()">
    <div class="input-wrapper">
      <ion-label>&nbsp;
        <ion-icon *ngIf="!showQueryCondition" name="add-circle" color="primary">&nbsp;</ion-icon>
        <ion-icon *ngIf="showQueryCondition" name="remove-circle" color="primary">&nbsp;</ion-icon>
        查询条件&emsp;{{selectedFund.length?'（'+selectedFund[0].vc_fund_name+'，'+selectedDate+'）':''}}
      </ion-label>
    </div>
  </div>
</ion-header>
<ion-content>
  <ion-list [hidden]="!showQueryCondition">
    <ion-item class="fundCode">
      <ion-row>
        <ion-col width-25 class="fundCodetext">
          基金代码：{{selectedFund.length?selectedFund[0].vc_fund_code:''}}
        </ion-col>
        <ion-col class="fundCodetext textEllipsis">

        </ion-col>
        <ion-col class="fundBadge" col-1>
          <ion-badge item-end>{{selectedFund.length}}</ion-badge>
        </ion-col>
        <ion-col class="selectFundButton" col-2>
          <button ion-button small (click)="selectFund()">选择</button>
        </ion-col>
      </ion-row>
    </ion-item>
    <ion-item>
      <ion-label>日期：</ion-label>
      <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY-MM-DD" [(ngModel)]="selectedDate"
                    cancelText="取消" doneText="确定">
      </ion-datetime>
    </ion-item>
    <ion-item class="queryButton">
      <button ion-button color="primary" block (click)="queryData()" [disabled]="selectedFund.length==0">查询</button>
    </ion-item>
  </ion-list>

  <ion-segment *ngIf="isLoadMore" class="positionTab" [(ngModel)]="positionType">
    <ion-segment-button value="zhzj"><span>组合证券</span></ion-segment-button>
    <ion-segment-button value="jjzc"><span>基金资产</span></ion-segment-button>
  </ion-segment>

  <div *ngIf="isLoadMore && positionType === 'zhzj'">
    <ion-card *ngFor="let pdl of positionDataList;">
      <ion-card-header>
        <ion-badge>{{pdl.vc_fund_code}}</ion-badge>&nbsp;{{pdl.vc_fund_name}}
      </ion-card-header>
      <ion-row>
        <ion-col>
          持仓（股）：
        </ion-col>
        <ion-col class="positionNumber">
          {{pdl.en_stock_values}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          估值价格（元）：
        </ion-col>
        <ion-col class="positionNumber">
          {{pdl.en_Avg_Jj_Price}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          市值（元）：
        </ion-col>
        <ion-col class="positionNumber">
          {{pdl.en_value}}
        </ion-col>
      </ion-row>
    </ion-card>
  </div>

  <div *ngIf="isLoadMore && positionType === 'jjzc'">
    <ion-card>
      <!--<ion-card-header>
        <ion-badge>01316920</ion-badge>&nbsp;TF1505(10%)
      </ion-card-header>-->
      <ion-row>
        <ion-col col-5>
          基金代码：
        </ion-col>
        <ion-col class="positionNumber">
          {{fundAssetsData.vc_fund_code}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          基金名称：
        </ion-col>
        <ion-col class="positionNumber">
          {{fundAssetsData.vc_fund_name}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          单位净值：
        </ion-col>
        <ion-col class="positionNumber">
          {{fundAssetsData.en_per_value}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          股票资产/净值(%)：
        </ion-col>
        <ion-col class="positionNumber">
          {{fundAssetsData.en_stock_ratio}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          TA申赎比例(%)：
        </ion-col>
        <ion-col class="positionNumber">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          净资产：
        </ion-col>
        <ion-col class="positionNumber">
          {{fundAssetsData.en_all_asset}}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          TA申赎轧差：
        </ion-col>
        <ion-col class="positionNumber">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          申购：
        </ion-col>
        <ion-col class="positionNumber">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          赎回：
        </ion-col>
        <ion-col class="positionNumber">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          转入：
        </ion-col>
        <ion-col class="positionNumber">
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-5>
          转出：
        </ion-col>
        <ion-col class="positionNumber">
        </ion-col>
      </ion-row>
    </ion-card>
  </div>
</ion-content>
